import React from 'react';

import RightMoreBtn from './RightMoreBtn';

import AppBar from 'material-ui/AppBar';
import IconButton from 'material-ui/IconButton';
import NavigationClose from 'material-ui/svg-icons/navigation/close';
import NavigationMenu from 'material-ui/svg-icons/navigation/menu';

export const AppBarYz = ({ open, toggleDrawer }) => (
  <AppBar
    title="Title"
    iconElementRight={<RightMoreBtn />}
    iconElementLeft={(open)? <IconButton><NavigationClose /></IconButton>: <IconButton><NavigationMenu /></IconButton>}
    onLeftIconButtonTouchTap={toggleDrawer}
  />
);

AppBarYz.propTypes = {
	open: React.PropTypes.bool.isRequired,
  toggleDrawer: React.PropTypes.func.isRequired
};

export default AppBarYz;
